@charset "utf-8";
/******************************************/
/*	Name: Hyundaicard PRIVIA Back Office  */
/*	PART: COMMON STYLE     	              */
/*	Version: 1.0                          */
/*	Author: Lee Yj                        */
/******************************************/
@import url("content.css");
/* skipnavigation */
#skipnavigation {display:none; height:0px; margin:0px; padding:0px; font-size:0px; line-height:1px; position:absolute;}

/* gnb 영역 */
#header {background:#2f3648; width:100%; min-width:1280px; position:absolute; top:0; left:0; right:0; /*height:78px;*//* [0410_높이] */ height:90px;}
#header .headerBox{position:relative; width:1280px;}
#header .logoBox{ background:#d40059; width:240px; /*height:78px;*//* [0410_높이] */ height:90px;}
#header h1.logo{ position:absolute; /* left:14px; top:23px; */ left:20px; top:28px; z-index:1; padding:0; margin:0;}/* [0426_main_수정] */

#header .gnb_infor{position:absolute; top:13px; left:250px; width:673px; padding:0; margin:0;}/* [0426_main_수정] */
#header .gnb_infor p{padding-left:9px; font-size:11px; color:#b7b7b7;}/* [0426_main_수정] */
.leftLine{margin:5px 0 0 10px; padding-left:9px; border-left:1px solid #b7b7b7; line-height:13px;}
/* VOC접수 */
#header .gnb_infor .vocBox{position:relative; background:url(/images/front/counsel/main/gnb_notice01.gif) no-repeat left top; padding-left:9px; margin:4px 0 0 0; height:21px;}/* [0426_main_수정] */
#header .gnb_infor .vocBg{background:url(/images/front/counsel/main/gnb_notice03.gif) no-repeat right top; padding:0 5px 0 0px; width:468px; height:2x;}
#header .gnb_infor .txtW{background:url(/images/front/counsel/main/gnb_notice02.gif) repeat-x left top; width:460px;}/* [0426_main_수정] */
#header .gnb_infor .txtW:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
#header .gnb_infor .txtW li{float:left; padding-top:4px; height:18px; font-size:11px;}
#header .gnb_infor .txtW li:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
#header .gnb_infor .txtW li .topList{margin:0 0 0 3px; padding-left:5px; border-left:1px solid #b7b7b7; line-height:13px;}
#header .gnb_infor .txtW li:first-child .topList{margin-left:0; padding-left:0; border-left:none;}
#header .gnb_infor .txtW li a{color:#fff; font-size:11px;}
#header .gnb_infor .txtW li a strong{padding:2px 3px; color:#db005c;}
#header .gnb_infor .txtW li.waitTxt{color:#db005c;}
#header .gnb_infor .txtW li.waitTxt a strong{padding-right:4px; color:#fff; background:#ad0341;}
/* 공지사항 */
#header .gnb_infor .gnb_notice{position:relative; }/* [0426_main_수정] */
#header .gnb_infor .gnb_notice ul{width:468px; margin-right:19px;}
#header .gnb_infor .gnb_notice ul li{display:inline-block; margin-left:9px; font-size:11px; color:#d6d7d8;}/* [0426_main_수정] */
#header .gnb_infor .gnb_notice ul li span:first-child{float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 207px; display: block;}/* [0426_main_수정] */
#header .gnb_infor .gnb_notice ul li span.dateTxt{float:right; display:inline-block; padding:0 10px; color:#b7b7b9;}
#header .gnb_infor .gnb_notice .notiU{position:absolute; right:16px; top:3px; padding:4px 3px 0;}
:root #header .gnb_infor .gnb_notice .notiU{top:2px\9;}
#header .gnb_infor .gnb_notice .notiD{position:absolute; right:16px; top:12px; padding:0 3px 4px;}
:root #header .gnb_infor .gnb_notice .notiD{top:11px\9;}
/* 쪽지 */
#header .gnb_system{position:absolute; top:15px; right:20px; padding:0; margin:0; font-size:11px;}/* [0426_main_수정] */
#header .gnb_system .stateBox{position:absolute; top:-3px; right:346px; width:100%;}/* [0426_main_수정] */
#header .gnb_system .stateBox p {text-align:right; color:#b7b7b7; line-height:18px;}
#header .gnb_system .stateBox p.marT5 {margin:5px 0 0;}
#header .gnb_system .stateBox p.marT7 {margin:7px 0 0;}
#header .gnb_system .stateBox p a{color:#b7b7b7; margin-left:6px;}/* [0426_main_수정] */
#header .gnb_system .stateBox p a:first-child{margin-left:0;}
#header .gnb_system .stateBox .hold{margin-left:5px;}
/* GNB 버튼 */
				
div.gnbBtn {position:0; right:0; top:0; width:336px; height:54px;}
div.gnbBtn ul {position:relative; padding-left:56px; width:280px; height:54px;}
div.gnbBtn ul li {float:left; width:70px; height:27px; cursor:pointer;}
div.gnbBtn ul li.liCall {position:absolute; left:0; top:0; width:56px; height:54px;}
div.gnbBtn ul li.on {cursor:default;}
div.gnbBtn ul li.dimm {cursor:default;}
div.gnbBtn ul li span em {width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
div.gnbBtn ul li span {background:url(/images/front/counsel/main/btn_gnbR.gif) no-repeat;}

/* Default */
div.gnbBtn ul li span.call {display:block; width:53px; height:54px; background-position:-10px -10px;}
div.gnbBtn ul li span.ctiOn {display:block; width:70px; height:27px; background-position:-73px -10px;}
div.gnbBtn ul li span.standBy {display:block; width:70px; height:27px; background-position:-153px -10px;}
div.gnbBtn ul li span.transfer {display:block; width:70px; height:27px; background-position:-233px -10px;}
div.gnbBtn ul li span.defer {display:block; width:70px; height:27px; background-position:-313px -10px;}
div.gnbBtn ul li span.work {display:block; width:70px; height:27px; background-position:-73px -158px;}
div.gnbBtn ul li span.breakaway {display:block; width:70px; height:27px; background-position:-153px -158px;}
div.gnbBtn ul li span.hangUp {display:block; width:70px; height:27px; background-position:-233px -158px;}
div.gnbBtn ul li span.logout {display:block; width:70px; height:27px; background-position:-313px -158px;}
div.gnbBtn ul li span.ctiOff {display:block; width:70px; height:27px; background-position:-73px -121px;}
div.gnbBtn ul li span.deferOff {display:block; width:70px; height:27px; background-position:-233px -121px;}

/* On */
div.gnbBtn ul li.on span.call {display:block; width:53px; height:54px; background-position:-10px -74px;}
div.gnbBtn ul li.on span.ctiOn {display:block; width:70px; height:27px; background-position:-73px -47px;}
div.gnbBtn ul li.on span.standBy {display:block; width:70px; height:27px; background-position:-153px -47px;}
div.gnbBtn ul li.on span.transfer {display:block; width:70px; height:27px; background-position:-233px -47px;}
div.gnbBtn ul li.on span.defer {display:block; width:70px; height:27px; background-position:-313px -47px;}
div.gnbBtn ul li.on span.work {display:block; width:70px; height:27px; background-position:-73px -195px;}
div.gnbBtn ul li.on span.breakaway {display:block; width:70px; height:27px; background-position:-153px -195px;}
div.gnbBtn ul li.on span.hangUp {display:block; width:70px; height:27px; background-position:-233px -195px;}
div.gnbBtn ul li.on span.logout {display:block; width:70px; height:27px; background-position:-313px -195px;}

/* Dimm */
div.gnbBtn ul li.dimm span.call {display:block; width:53px; height:54px; background-position:-10px -138px;}
div.gnbBtn ul li.dimm span.ctiOn {display:block; width:70px; height:27px; background-position:-73px -84px;}
div.gnbBtn ul li.dimm span.standBy {display:block; width:70px; height:27px; background-position:-153px -84px;}
div.gnbBtn ul li.dimm span.transfer {display:block; width:70px; height:27px; background-position:-233px -84px;}
div.gnbBtn ul li.dimm span.defer {display:block; width:70px; height:27px; background-position:-313px -84px;}
div.gnbBtn ul li.dimm span.work {display:block; width:70px; height:27px; background-position:-73px -232px;}
div.gnbBtn ul li.dimm span.breakaway {display:block; width:70px; height:27px; background-position:-153px -232px;}
div.gnbBtn ul li.dimm span.hangUp {display:block; width:70px; height:27px; background-position:-233px -232px;}
div.gnbBtn ul li.dimm span.logout {display:block; width:70px; height:27px; background-position:-313px -232px;}
div.gnbBtn ul li.dimm span.ctiOff {display:block; width:70px; height:27px; background-position:-153px -121px;}
div.gnbBtn ul li.dimm span.deferOff {display:block; width:70px; height:27px; background-position:-313px -121px;}

/* leftmenu 영역 */
#aside {background:#e6e6e9; position:absolute; float:left; /*top:78px;*//* [0410_높이] */top:90px; bottom:0; left:-239px; padding:18px 0 0 20px; /*[0505]padding:18px 0 20px 20px;*/ width:219px; _height:auto !important; border-right:1px solid #b3b3b4; z-index:10; overflow:auto; overflow-x:hidden;}/* [0426_main_수정] */
#aside .pop{padding-bottom:19px;}
#asideM {background:#e6e6e9; position:absolute; float:left; /*top:78px;*//* [0410_높이] */top:90px; bottom:35px; left:-239px; padding:18px 9px 20px 10px; width:220px; _height:auto !important; border-right:1px solid #b3b3b4; z-index:20;}
#slide_btnL{position:absolute; top:112px; left:0; /*left:239px;*/ width:15px; height:76px; padding:0; z-index:90 !important;}
#slide_btnL #toggleTab{position:relative;}
/* rightmenu 영역 */
#slide_btnR{position:absolute; top:34px; right:0; width:15px; height:76px; padding:0; z-index:90 !important;}
#slide_btnR #toggleTab{position:relative;}


/* leftmenu 검색 */
/* 나의실적현황 */
#aside h2{font-size:12px; padding-bottom:6px; padding-top:3px;}/* [0426_main_수정] */
#aside h2:first-child{padding-top:0;}/* [0426_main_수정] */
#aside .status{width:199px; text-align:right; margin-bottom:3px;}
#aside .status #refresh {display:inline-block;}
#aside .status #refresh img {vertical-align:middle;}
#aside .dayTxt{padding:0 0 0 5px; font-size:11px; color:#777; background:url(/images/front/counsel/btn/icon_dot.gif) no-repeat 0 4px;}
#aside .record li{width:49px;}
#aside .record li.tab01, #aside .record li.tab03{width:40px}
#aside .record li.tab02{width:54px}
#aside .record li.tab04{width:60px}
#aside .tb_result{border-top:1px solid #bcbcbc; margin-bottom:15px;}
#aside .btnRefresh{position:absolute; left: 175px; top: 5px;}
#aside iframe{background:#e6e6e9;}

/* MY 스케줄관리 */
#aside .tabBox02 li{width:98px;}
#aside .schedule{position:relative; padding-bottom:5px; width:199px;}
#aside .schedule *{vertical-align:middle;}
#aside .schedule .text_e, #aside .schedule .ui-datepicker-trigger{*margin-top:-2px;}
#aside .schedule .conBtnT01{position:absolute; left:168px; top:0;}
.tabFrame02 .tb_scroll{width:199px;}
.tabFrame02 .tb_scroll .tb_result{width:100%; margin-top:-1px;}
.tabFrame02 .tb_scroll .tb_result td.al p{padding-right:17px;}
.tabFrame02 .tb_scroll .tb_result td.al p.txtAbbr{width:73%;}

.table_leftA{clear:both;}
.table_leftA .tb_result{width:199px; border:solid #d0d0d0; border-width:0 1px 0 1px; margin-bottom:13px; table-layout:fixed;}
.table_leftA .tb_result thead th{background:#eaeaea; border-bottom:1px solid #999999; font-weight:normal; color:#000; padding:8px 0 7px;}
:root .table_leftA .tb_result thead th{padding:9px 0 6px\9;}
.table_leftA .tb_result tbody td{background:#f9f9fa; border-bottom:1px solid #d0d0d0; color:#777; padding:8px 0;}
.table_leftA .tb_result tbody td.al{padding-left:11px;}
.jqgfirstrow,
.jqgfirstrow th,
.jqgfirstrow td {height:0 !important; padding:0 !important; margin:0 !important; line-height:0 !important; font-size:0 !important; border:0 !important;}

/* leftmenu */
.aside_scrh {width:100%; padding:2px 0 0 0px; clear:both;}
.aside_scrh .btn_srch{ position:absolute; left:184px; top:0px;}
.srch_box {background:url(/images/front/counsel/main/srch_box_bg.gif) no-repeat; height:40px; z-index:50; position:relative;}	
.srch_box input { background:url(/images/front/counsel/main/srch_box_text.gif) no-repeat 1000px 1000px; width:174px; height:14px; line-height:20px; padding:16px 0px 10px 10px; font-size:12px; border:0; color:#999;}
.srch_box input.focus {color:#333; font-weight:bold;}
.srch_box .srch_arrow{position:absolute; top:8px; left:157px; background:url(/images/front/counsel/common/btn_set.gif) no-repeat -543px -190px; width:25px; height:24px; z-index:55; cursor:pointer;}
.srch_box .srch_arrow.down{background-position:-543px -190px;}
.srch_box .srch_arrow.up{background-position:-543px -264px;}
.srch_box .srch_arrow span{display:none;}

.srch_box input[type=submit] {width:36px; height:40px; background:url(/images/front/counsel/main/btn_srch.gif) no-repeat; border:0; z-index:55;}
.srch_box .layer_autosrch {display:none; position:absolute; left:0px; top:39px; background:#fff; width:183px; /*height:118px;*/ border:1px solid #b0afb4; z-index:56;}
.srch_box .layer_autosrch ul {position:relative; padding:5px 0; /*height:96px;*/ overflow:auto; overflow-x:hidden;}
.srch_box .layer_autosrch li {position:relative; float:none; margin:0px; padding:0px; text-align:left; color:#666;}
.srch_box .layer_autosrch li a {display:block; height:17px; margin:0px; padding:4px 10px 0px; *padding:3px 10px 0px; font-size:12px; line-height:1.2em; color:#666; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.srch_box .layer_autosrch li a.on {background:#f5f5f5;}
.srch_box .layer_autosrch li a:hover {text-decoration:none;}
.srch_box .layer_autosrch li a:active {text-decoration:none;}
.srch_box .layer_autosrch .auto_off{ /*position:absolute; bottom:0px; left:0px; width:100%;*/ height:16px; background:#f2f2f2; border-top:1px solid #e2e2e2; overflow:hidden;}
.srch_box .layer_autosrch .auto_off li{color:#999; text-align:right; padding:0px 8px 0 0; font-size:11px; cursor:pointer;}

.aside_tab{ clear:both; margin-top:9px; position:relative; overflow:hidden; height:35px;}
.aside_tab li{ float:left; width:50%; font-size:0; line-height:0; cursor:pointer; height:35px;}
.aside_tab li.tab_01{ position:absolute; top:0px; left:0px;}
.aside_tab li.tab_02{position:absolute; top:0px; left:110px;}

/* tree 메뉴 */
#aside_treebox2,
#aside_treebox {clear:both; width:208px; height:530px; padding:0 0 0 10px; position:relative; border:solid #b3b5b6; border-width:0 1px 1px 1px; background:#fff; overflow:auto;}
.aside_area ul.tree_area{ width:100%; margin:13px 0 10px 0px; padding:0px 0px 0 0; clear:both; *zoom:1; position:relative;}
.aside_area ul.tree_area:after {content:''; display:block; clear:both;}
.aside_area ul.tree_area li{ display:block; margin:0 !important; padding:0; line-height:18px; color:#333; /*position:relative;*/ clear:both;}
.aside_area ul.tree_area li a{color:#333; /*padding-left:16px;*/padding-left:5px;}
.aside_area ul.tree_area li a.on{ font-weight:bold;}
.aside_area ul.tree_area li .f_file{/*position:absolute; left:0px; top:2px; *top:0px;*/display:inline-block; width:10px; height:11px; margin-right:-4px; background:url(/images/front/counsel/main/folder_set.gif) no-repeat 0 -180px; cursor:pointer;}
.aside_area ul.tree_area li .f_up{/*position:absolute; left:0px; top:2px; *top:0px;*/display:inline-block; width:11px; height:11px; background:url(/images/front/counsel/main/folder_set.gif) no-repeat 0 -130px; cursor:pointer;}
.aside_area ul.tree_area li .f_dn{/*position:absolute; left:0px; top:2px; *top:0px;*/display:inline-block; width:11px; height:11px; background:url(/images/front/counsel/main/folder_set.gif) no-repeat 0 -80px; cursor:pointer;}
.aside_area ul.tree_area li .f_up em, .aside_area ul.tree_area li .f_dn em, .aside_area ul.tree_area li .f_file em{ display:none; font-size:0; line-height:none;}
.aside_area ul.tree_area li .f_basic {margin-right:-4px}

.aside_area ul.tree_area ul{display:none; margin:0 0 0 17px; padding-top:0px; padding-bottom:9px !important;}
.aside_area ul.tree_area ul li{display:block; color:#666; padding:0; line-height:18px; font-weight:normal; /*position:relative;*/ clear:both;}
.aside_area ul.tree_area ul li a{/*padding-left:16px;*/padding-left:5px; }
.aside_area ul.tree_area ul li a.on{font-weight:bold !important;}
.aside_area ul.tree_area ul li a.selected{color:#d82e6f !important; font-weight:normal !important;}
.aside_area ul.tree_area ul li .f_up{width:11px; height:11px; background:url(/images/front/counsel/main/folder_set.gif) no-repeat 0 -130px; cursor:pointer;}
.aside_area ul.tree_area ul li .f_dn{width:11px; height:11px; background:url(/images/front/counsel/main/folder_set.gif) no-repeat 0 -80px; cursor:pointer;}
.aside_area ul.tree_area ul li .f_up em, .aside_area ul.tree_area ul li .f_dn em{ display:none; font-size:0; line-height:none;}



/* tree 메뉴_즐겨찾기등록  */
.tree_area .open{position:relative;}
.asideM .tree_area{z-index:1;}
.ucLayer{position:absolute; left:60px; top:10px; width:63px; border:1px solid #979797; background:#fff; z-index:5;}
.ucLayer .menuH{display:block; margin:0; padding:0 !important; z-index:5;}
.ucLayer .menuH li{border-top:1px solid #e2e3e3;}
.ucLayer .menuH li:first-child{border-top:none;}
.ucLayer .menuH li a{display:block; padding:4px 0 3px 8px; color:#222; font-size:11px;}
.ucLayer .menuH li a:hover{color:#fff; background:#d82d6f; *zoom:1;}


/* content 영역 */
#section {position:absolute; /*top:78px;*//* [0410_높이] */top:90px; bottom:0; right:0; /*left:240px;*/ left:0; overflow:auto; z-index:5; _width:100%; min-width:1040px;}
.tabFrame{margin:0 !important;}
.tabFrame *{line-height:13px !important;}
.tabFrame caption{line-height:0px !important;}
.tabFrame02{margin:0 !important;}
.tabFrame02 .tb_result{border-top:1px solid #bcbcbc;}

div#container{z-index:15; width:auto;margin:0 20px 0 230px;padding:90px 0;}

div#contents {/*IE minheight HACK*/ min-height:300px; height:auto !important; height:300px;}

/* footer 영역 */
#footer {position:fixed; _position:absolute; bottom:0; left:0; right:0; min-width:1280px; height:34px; border-top:1px solid #bebfc1; background-color:#eaeaea; z-index:10;}
#footerHeight{clear:both; height:34px;width:1280px;} /*컨텐츠영역 하단 보정 footer height만큼 고정*/
#footer .section_tabs{position:relative; padding-left:42px; padding-right:42px;}
#footer .section_tabs .btn_prevF{position:absolute; top:3px; left:19px;}
#footer .section_tabs .btn_nextF{position:absolute; top:3px; right:19px;}
#footer .section_tabs .btn_disable {opacity:0.3; filter: alpha(opacity=30); -ms-filter: "alpha(opacity=30)"; cursor:default}
#footer .section_tabs .mask {position:relative; height:25px; overflow:hidden}
#footer .section_tabs .mask .holder {position:absolute; left:0; top:0; width:10000px; *zoom:1}
#footer .section_tabs .mask .holder:after {content:""; display:block; clear:both}

#footer .section_tabs span.tab {background:url(/images/front/counsel/main/section_tabs.gif) no-repeat right bottom; font-weight:bold; /*display:inline-block;*/ float:left; margin-right:4px}
#footer .section_tabs span.tab a{color:#333;}
#footer .section_tabs span.tab span,
#footer .section_tabs span.tab a span{padding:4px 0 5px 10px;}
#footer .section_tabs span.tab a.tab_close img{vertical-align:middle;}
*:first-child+html #footer .section_tabs span.tab a.tab_close img{vertical-align:top; margin-top:4px;}
#footer .section_tabs span.tab_dis {background:url(/images/front/counsel/main/section_tabs_dis.gif) no-repeat right bottom; float:left; margin-right:4px}
#footer .section_tabs span.tab_dis a{color:#565d6f;}
#footer .section_tabs span.tab_dis span,
#footer .section_tabs span.tab_dis a span{padding:4px 0 5px 10px;}
#footer .section_tabs span.tab_dis a.tab_close img{vertical-align:middle;}
*:first-child+html #footer .section_tabs span.tab_dis a.tab_close img{vertical-align:top; margin-top:4px;}
#footer .section_tabs span span {display:inline-block; padding-left:11px; width:68px;}
#footer .section_tabs span.tab span {background:url(/images/front/counsel/main/section_tabs.gif) no-repeat left bottom;  }
#footer .section_tabs span.tab_dis span {background:url(/images/front/counsel/main/section_tabs_dis.gif) no-repeat left bottom;}
#footer .section_tabs .tab_close {margin:0px 6px 0px 0px;}
